<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1,shrink-to-fit=no" />
		<title>shop_details</title>
		<link rel="stylesheet" type="text/css" href="boot/dist/css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="css/shop_details.css" />

		<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
		<script type="text/javascript" src="boot/dist/js/bootstrap.bundle.min.js"></script>
		<script src="js/popper.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="boot/dist/js/bootstrap.js"></script>
	</head>
	<body>
		<div class="header1">
			<div class="container">
				<div class="row">
					<div class="col-lg-2 col-12 text-center py-4 h_py">
						<a href="javascript:;">
							<img src="img/logo-header-06.png">
						</a>
					</div>
					<div class="col-lg-6 col-12 py-4 h_py1">
						<form class="h_col form-control border d-flex justify-content-between align-items-center rounded-pill" style=" height: 50px;">
							<!--2.2设置菜单项  nav-item 下拉菜单的区域 dropdown-->
							<span class="nav-item dropdown h_w">
								<!--2.3设置导航链接 nav-link ； 下拉菜单的激活按钮 dropdown-toggle  属性data-toggle = "dropdown"-->
								<a href="#" class="nav-link h_bor" data-toggle="dropdown">MOVIES<i class="fa fa-angle-down pl-2"></i></a>

								<!--2.设置下拉菜单-->
								<span class="dropdown-menu h_coll">
									<a href="#" class="dropdown-item">HOME</a>
									<a href="#" class="dropdown-item">VIDEOS</a>
									<a href="#" class="dropdown-item">FEATURES</a>
									<a href="#" class="dropdown-item">BLOG</a>
									<a href="#" class="dropdown-item">CONTACT</a>
								</span>

							</span>
							<input type="text" placeholder="Search for a Movie..." class="border-0 w-75 pl-4 h_input" style="outline: none;">
							<button type="" class="border-0 btn"><i class="fa fa-search h_btn"></i></button>
						</form>
					</div>
					<div class="col-lg-4 col-12 py-4 d-flex align-items-center h_ul">
						<ul class="list-unstyled mb-0 d-flex justify-content-around j align-items-center w-100">
							<li>
								<a href="javascript:;" class="a_rounded"><i class="fa fa-facebook fa_h"></i></a>
							</li>
							<li>
								<a href="javascript:;" class="a_rounded"><i class="fa fa-twitter fa_h"></i></a>
							</li>
							<li>
								<a href="javascript:;" class="a_rounded"><i class="fa fa-vimeo fa_h"></i></a>
							</li>
							<li>
								<a href="javascript:;" class="a_rounded"><i class="fa fa-youtube-play fa_h"></i></a>
							</li>
							<a href="javascript:;" class="m_a rounded-pill">SUBMIT&nbsp;VIDEO</a>
						</ul>
					</div>
				</div>
			</div>
		</div>

		<div class="h_nav h-auto py-2 ">
			<!-- navbar-expand-md -->
			<div class="container d-flex justify-content-between align-items-center h_a">
				<div class="navbar p-0 navbar-expand-md h_center">
					<button type="button" class="btn navbar h_btnbg" data-toggle="collapse" data-target="#meu">
						<i class="fa fa-bars"></i>
					</button>
					<i class="border-right mx-3 h_hr" style="height: 30px;"></i>
					<div class="collapse navbar-collapse" id="meu">
						<ul class="nav list-unstyled d-flex text-center mx-auto justify-content-around justify-content-center navbar-nav h_bgg">
							<li class="">
								<!--2.3设置导航链接 nav-link ； 下拉菜单的激活按钮 dropdown-toggle  属性data-toggle = "dropdown"-->
								<a href="#" class="nav-link" data-toggle="dropdown">MOME</a>
								<span class="nav-item dropdown float-left w-100">
									<!--2.设置下拉菜单-->
									<span class="dropdown-menu h_li">
										<a href="index.html" class="dropdown-item">index</a>
									</span>
								</span>
							</li>
		
							<li class="">
								<!--2.3设置导航链接 nav-link ； 下拉菜单的激活按钮 dropdown-toggle  属性data-toggle = "dropdown"-->
								<a href="#" class="nav-link" data-toggle="dropdown">MOVIE</a>
								<span class="nav-item dropdown float-left w-100 ">
		
									<!--2.设置下拉菜单-->
									<span class="dropdown-menu h_li">
										<a href="shop.html" class="dropdown-item">Shop</a>
										<a href="shop_details.html" class="dropdown-item">shop_details</a>
									</span>
		
								</span>
							</li>
		
							<li class="">
								<!--2.3设置导航链接 nav-link ； 下拉菜单的激活按钮 dropdown-toggle  属性data-toggle = "dropdown"-->
								<a href="#" class="nav-link" data-toggle="dropdown">VIDEOS</a>
								<span class="nav-item dropdown float-left w-100">
		
									<!--2.设置下拉菜单-->
									<!--2.设置下拉菜单-->
									<span class="dropdown-menu h_li">
										<a href="video.html" class="dropdown-item">Video</a>
										<a href="video_details.html" class="dropdown-item">video_details</a>
									</span>
								</span>
							</li>
		
							<li class="">
								<!--2.3设置导航链接 nav-link ； 下拉菜单的激活按钮 dropdown-toggle  属性data-toggle = "dropdown"-->
								<a href="#" class="nav-link" data-toggle="dropdown">FEATURES</a>
								<span class="nav-item dropdown float-left w-100">
		
									<!--2.设置下拉菜单-->
									<!--2.设置下拉菜单-->
									<span class="dropdown-menu h_li">
										<a href="about.html" class="dropdown-item">About</a>
										<a href="submit.html" class="dropdown-item">Submit</a>
										<a href="authors.html" class="dropdown-item">list_authors</a>
										<a href="authors_details.html" class="dropdown-item">authors_details</a>
									</span>
								</span>
							</li>
		
							<li class="">
								<!--2.3设置导航链接 nav-link ； 下拉菜单的激活按钮 dropdown-toggle  属性data-toggle = "dropdown"-->
								<a href="#" class="nav-link" data-toggle="dropdown">BLOG</a>
								<span class="nav-item dropdown float-left w-100">
		
									<!--2.设置下拉菜单-->
									<span class="dropdown-menu h_li">
										<a href="blog.html" class="dropdown-item">Blog</a>
										<a href="blog_details.html" class="dropdown-item">blog_detail</a>
		
									</span>
								</span>
							</li>
		
							<li class="">
								<!--2.3设置导航链接 nav-link ； 下拉菜单的激活按钮 dropdown-toggle  属性data-toggle = "dropdown"-->
								<a href="#" class="nav-link" data-toggle="dropdown">CONTACT</a>
								<span class="nav-item dropdown float-left w-100">
		
									<!--2.设置下拉菜单-->
									<span class="dropdown-menu h_li">
										<a href="contact.html" class="dropdown-item">CONTACT</a>
									</span>
								</span>
							</li>
						</ul>
					</div>
		
				</div>
				<!-- 两个图标 -->
				<div class="h_a">
					<a href="javascript:;">
						<i class="fa fa-cloud-upload"></i>
						<span>SUBMIT VIDED</span>
					</a>
					<i class="border-right mx-3"></i>
					<a href="javascript:;">
						<i class="fa fa-user"></i>
						<span>IOGIN</span>
					</a>
				</div>
			</div>
		</div>
		<!-- 顶部导航栏区域 -->
		<div style="background:url(img/bg-page-title-01.jpg)no-repeat; background-size: cover;" class="h_img">
			<div style="background-color: rgba(0,0,0,0.5); height:270px;">
				<!-- 文字区域 -->
				<p align="center" class="" style="font-size: 35px; padding-top: 78px; color: white;">Shop</p>
				<p align="center" class="text-white">Home / <span class="text-danger">Shop</span></p>

			</div>
		</div>

		<!-- 中部区域 -->
		<div class="bg-white py-5" id="mbg">
			<div class="container">
				<ul class="list-unstyled row">

					<li class="col-lg-9 col-12 py-5 py-5">
						<ul class="list-unstyled row">
							<li class="col-lg-5 col-12 py-5">
								<div class="overflow-hidden">
									<img src="img/single-product-01.jpg" class="w-100 m_img_xiao" />
								</div>
								<!-- 三小图片 -->
								<ul class="list-unstyled row">
									<li class="col-4 " style="padding: 15px 8px 15px 15px;">
										<div class="overflow-hidden">
											<img src="img/product-thumb-01.jpg" height="105" class="w-100 m_img_xiao" />
										</div>
									</li>
									<li class="col-4 " style="padding: 15px 8px 15px 8px;">
										<div class="overflow-hidden">
											<img src="img/product-thumb-02.jpg" height="105" class="w-100 m_img_xiao" />
										</div>
									</li>
									<li class="col-4 " style="padding: 15px 15px 15px 8px;">
										<div class="overflow-hidden">
											<img src="img/product-thumb-03.jpg" height="105" class="w-100 m_img_xiao" />
										</div>
									</li>
								</ul>
							</li>
							<!-- 右边介绍区域 -->
							<li class="col-lg-7 col-12 py-5">
								<!--  -->
								<h4>Captain America</h4>
								<!-- 星星 -->
								<div class="">
									<i class="fa fa-star text-warning "></i>
									<i class="fa fa-star text-warning "></i>
									<i class="fa fa-star text-warning "></i>
									<i class="fa fa-star text-warning "></i>
									<i class="fa fa-star text-warning "></i>
									<i class="fa fa-star text-warning "></i>
									<i class="fa fa-star text-warning "></i>
									<i class="fa fa-star-o text-warning"></i>
									<i class="fa fa-star-o text-warning"></i>
									<i class="fa fa-star-o text-warning"></i>
									<span style="color: gray;">7/10</span>
								</div>

								<!-- 购买金额 -->
								<p class="py-4"><span style="color: gray; text-decoration: line-through;">￡9.00</span><span style="color: red;">￡7.00</span></p>

								<!--  -->
								<p style="color: gray;">Aldus PageMaker including versions of Lorem lpsum.It was popularised in the 1960s with
									the release of Letraset sheets containing Lorem Lpsum passages,and more recently with desktop publishing
									software like Aldus PageMaker including versions</p>

								<!--  -->
								<p class="my-3 " id="app">
									<label>Quanlity:</label>
									<span class="btn-group border ml-3">
										<a href="javascript:void(0)" class="border-0 fa fa-minus btn p-3 text-dark border"  @click="ajian"></a>
										<input type="text" v-model="a" class="border-0 text-center" style="width: 30px;">
										<a href="javascript:void(0)" class="border-0 fa fa-plus btn p-3 text-dark border"  @click="a++"></a>
									</span>
								</p>
								
								<!--  -->
								<a href="javascript:;" class="m_a rounded-pill">ADD&nbsp;TO&nbsp;CART</a>
								
								<!--  -->
								<p class="pt-3 txt"><b>Categories: </b><label style="color: red;">Documentaries,Drama</label></p>
							</li>
						</ul>
						
						<!-- 选项卡区域 -->
						<ul class="list-unstyled nav nav-tabs d-flex align-items-center">
							<li class="nav-item">
								<a href="#one" class="nav-link" data-toggle='tab' style="color: gray;">Description</a>
							</li>
							<li>
								<span class="mx-3">·</span>
							</li>
							<li class="nav-item">
								<a href="#two" class="nav-link" data-toggle='tab' style="color: gray;">Reviews(0)</a>
							</li>
							<li>
								<span class="mx-3">·</span>
							</li>
							<li class="nav-item">
								<a href="#three" class="nav-link" data-toggle='tab' style="color: gray;">Trailter</a>
							</li>
						</ul>
						<!-- 显示区域 -->
						<div class="tab-content">
							<div class="tab-pane active" id="one">
								<p style="color: gray;">Lorem lpsum is simply dummy text of the printing and typesetting industry.Lorem lpsum has been the industry's standard dummy rext ever since the 1500s,when an unknown printer took a galley of type and scrambled it to make a type apecimen book.It has survived not only five centuries,but also the leap into electronic typesetting,remaining Lorem lpsum passages,and more recently with desktop publishing software like Aldus PageMaker including vevrsions of Lorem lpsum.It was popularised in the 1960s with the release of Letraset sheets containing Lorem lpsum passages</p>
							</div>
							
							<div class="tab-pane fade" id="two">
								<p style="color: red;">Lorem lpsum is simply dummy text of the printing and typesetting industry.Lorem lpsum has been the industry's standard dummy rext ever since the 1500s,when an unknown printer took a galley of type and scrambled it to make a type apecimen book.It has survived not only five centuries,but also the leap into electronic typesetting,remaining Lorem lpsum passages,and more recently with desktop publishing software like Aldus PageMaker including vevrsions of Lorem lpsum.It was popularised in the 1960s with the release of Letraset sheets containing Lorem lpsum passages</p>
							</div>
							
							<div class="tab-pane fade" id="three">
								<p style="color: blue;">Lorem lpsum is simply dummy text of the printing and typesetting industry.Lorem lpsum has been the industry's standard dummy rext ever since the 1500s,when an unknown printer took a galley of type and scrambled it to make a type apecimen book.It has survived not only five centuries,but also the leap into electronic typesetting,remaining Lorem lpsum passages,and more recently with desktop publishing software like Aldus PageMaker including vevrsions of Lorem lpsum.It was popularised in the 1960s with the release of Letraset sheets containing Lorem lpsum passages</p>
							</div>
						</div>
						
						<!-- 三张大图片区域 -->
						<h5 class="pt-4">Related Products</h5>
						
						<ul class="row list-unstyled">
							<li class="col-lg-4 col-12 py-3">
								<div class="overflow-hidden">
									<img src="img/product-05.jpg" class="w-100 m_img_xiao" >
								</div>
								<div class="py-3">
									<p align="center" class="mb-0" style="font-size: 20px; font-weight: bold;">Best Song CD</p>
									<p align="center"><span style="color: gray; text-decoration: line-through;">￡9.00</span><span style="color: red;">￡7.00</span></p>
								</div>
							</li>
							<li class="col-lg-4 col-12 py-3">
								<div class="overflow-hidden">
									<img src="img/product-06.jpg" class="w-100 m_img_xiao" >
								</div>
								<div class="py-3">
									<p align="center" class="mb-0" style="font-size: 20px; font-weight: bold;">Best Song CD</p>
									<p align="center"><span style="color: gray; text-decoration: line-through;">￡9.00</span><span style="color: red;">￡7.00</span></p>
								</div>
							</li>
							<li class="col-lg-4 col-12 py-3">
								<div class="overflow-hidden">
									<img src="img/product-07.jpg" class="w-100 m_img_xiao" >
								</div>
								<div class="py-3">
									<p align="center" class="mb-0" style="font-size: 20px; font-weight: bold;">Best Song CD</p>
									<p align="center"><span style="color: gray; text-decoration: line-through;">￡9.00</span><span style="color: red;">￡7.00</span></p>
								</div>
							</li>
						</ul>
					</li>

					<li class="col-lg-3 col-12 py-5 bor">
						<!-- 搜索框 -->
						<div class="pb-3">
							<form class="w-100 border-right-0 border-top-0 border-left-0 border-bottom d-flex justify-content-between" style=" height: 50px;">
								<input type="text" placeholder="What are you looking for?" class="border-0 pl-2 w-100" style="outline: none;">
								<button type="" class="border-0 btn text-muted" style="background-color: white;"><i class="fa fa-search"></i></button>
							</form>
						</div>

						<!-- 文字区域 -->
						<h5 style="color: black;">CATEGORIES</h5>
						<ul class="list-unstyled py-3">
							<li class="d-flex justify-content-between py-1">
								<span style="color: gray;">Film maker</span>
								<span style="color: gray;">32</span>
							</li>
							<li class="d-flex justify-content-between py-1">
								<span style="color: gray;">Film studio</span>
								<span style="color: gray;">32</span>
							</li>
							<li class="d-flex justify-content-between py-1">
								<span style="color: gray;">Life style</span>
								<span style="color: gray;">16</span>
							</li>
							<li class="d-flex justify-content-between py-1">
								<span style="color: gray;">Fashion</span>
								<span style="color: gray;">08</span>
							</li>
							<li class="d-flex justify-content-between py-1">
								<span style="color: gray;">Film online</span>
								<span style="color: gray;">45</span>
							</li>
							<li class="d-flex justify-content-between py-1">
								<span style="color: gray;">Film studio</span>
								<span style="color: gray;">32</span>
							</li>

						</ul>

						<h5 style="color: black;">MOST POPULAR</h5>
						<!-- 三张小图片区域 -->
						<ul class="list-unstyled  py-3 row">
							<li class="col-5 py-3">
								<div class="overflow-hidden ">
									<img src="img/post-53.jpg" class="w-100 m_img_xiao">
								</div>
							</li>
							<li class="col-7 py-3">
								<p style="font-size: 15px; color: gray;" class="py-2 mb-0">Mirum est notare quam littera...</p>
								<p ><span style="color: gray; text-decoration: line-through;">￡9.00</span><span style="color: red;">￡7.00</span></p>
							</li>
							<li class="col-5 py-3">
								<div class="overflow-hidden ">
									<img src="img/post-54.jpg" class="w-100 m_img_xiao">
								</div>
							</li>
							<li class="col-7 py-3">
								<p style="font-size: 15px; color: gray;" class="py-2 mb-0">Mirum est notare quam littera...</p>
								<p ><span style="color: gray; text-decoration: line-through;">￡9.00</span><span style="color: red;">￡7.00</span></p>
							</li>
							<li class="col-5 py-3">
								<div class="overflow-hidden ">
									<img src="img/post-55.jpg" class="w-100 m_img_xiao">
								</div>
							</li>
							<li class="col-7 py-3">
								<p style="font-size: 15px; color: gray;" class="py-2 mb-0">Mirum est notare quam littera...</p>
								<p ><span style="color: gray; text-decoration: line-through;">￡9.00</span><span style="color: red;">￡7.00</span></p>
							</li>
						</ul>

						<!--  -->
						<h5 style="color: black;">TAGS CLOUD</h5>
						<ul class="list-unstyled py-3 d-flex flex-wrap">
							<li class="py-2 px-2">
								<button type="button" class="bg-white border px-3" style="color: gray;">Film Oline</button>
							</li>
							<li class="py-2 px-2">
								<button type="button" class="bg-white border px-3" style="color: gray;">Greative</button>
							</li>
							<li class="py-2 px-2">
								<button type="button" class="bg-white border px-3" style="color: gray;">Design</button>
							</li>
							<li class="py-2 px-2">
								<button type="button" class="bg-white border px-3" style="color: gray;">Landing</button>
							</li>
							<li class="py-2 px-2">
								<button type="button" class="bg-white border px-3" style="color: gray;">Skill</button>
							</li>
						</ul>

						<!-- img -->
						<img src="./img/ads-04.jpg" class="w-100 position-sticky sticky-top" />
					</li>
				</ul>
			</div>
		</div>

		<!-- 底部区域 -->
		<div class="py-5 " style="background-color : #000000;">
			<div class="container">
				<div class="row">
					<div class="col-lg-5 col-12 py-5 text-center f_padd">
						<p align="center">
							<a href="javascript:;"><img src="./img/logo-header-05.png" class=""></a>
						</p>
						<p align="center" class="py-3" style="color: gray;">Lommode ligula eget dolor. Aenean meassa.Cum sociis que
							penatibus et
							magnis dis parturient montes lorenm，nascetur ridiculusmus. Donec quam felis， uitricies nex massa.Cum sociis...</p>
						<!-- 按钮组 -->

						<div class="btn-group pt-3" style="width: 85%;">
							<input type="text" placeholder="Email" style="width: 70%; background-color: #222222; border: 1px solid gray; color: gray; outline: none;">
							<button class="btn text-white font-weight-bold" style="background-color: red;">SUBSCRIBE</button>
						</div>
						<!-- 图标区域 -->
						<ul class="list-unstyled mb-0 d-flex justify-content-around j align-items-center mx-auto py-5" style="width: 70%;">
							<li>
								<a href="javascript:;" class="a_rounded"><i class="fa fa-facebook fa_h"></i></a>
							</li>
							<li>
								<a href="javascript:;" class="a_rounded"><i class="fa fa-twitter fa_h"></i></a>
							</li>
							<li>
								<a href="javascript:;" class="a_rounded"><i class="fa fa-vimeo fa_h"></i></a>
							</li>
							<li>
								<a href="javascript:;" class="a_rounded"><i class="fa fa-youtube-play fa_h"></i></a>
							</li>
							<li>
								<a href="javascript:;" class="a_rounded"><i class="fa fa-google-plus fa_h"></i></a>
							</li>
							<li>
								<a href="javascript:;" class="a_rounded"><i class="fa fa-file-movie-o fa_h"></i></a>
							</li>
						</ul>
					</div>
					<div class="col-lg-4 col-12 py-5 f_padd_2">
						<div class="row">
							<div class="col-12">
								<h5 class="text-white">LATEST POSTS</h5>
							</div>
						</div>
						<div class="row">
							<div class="col-4 py-3">
								<div class="overflow-hidden">
									<img src="img/png-post-01.png" class="w-100 m_img_xiao">
								</div>
							</div>
							<div class="col-8 py-3">
								<p class="text-white mb-0" style="line-height: 22px;">5 Skin Care Rituals You Should Be Doing Before Bed</p>
								<p style="color: gray;">August 11，2018</p>
							</div>
						</div>
						<div class="row">
							<div class="col-4  py-3">
								<div class="overflow-hidden">
									<img src="img/png-post-02.png" class="w-100 m_img_xiao">
								</div>
							</div>
							<div class="col-8 py-3">
								<p class="text-white mb-0" style="line-height: 22px;">Fashion Outfit Ideas to Try From lnstagram This Week</p>
								<p style="color: gray;">August 11，2018</p>
							</div>
						</div>
						<div class="row">
							<div class="col-4 py-3">
								<div class="overflow-hidden">
									<img src="img/png-post-03.png" class="w-100 m_img_xiao">
								</div>
							</div>
							<div class="col-8 py-3">
								<p class="text-white mb-0" style="line-height: 22px;">7 Soaps to Supercharge Your Daily Skincare Routine</p>
								<p style="color: gray;">August 11，2018</p>
							</div>
						</div>
					</div>
					<div class="col-lg-3 col-12 py-5 f_padd_3">
						<h5 class="text-white">POPULAR CATEGORY</h5>
						<ul class="list-unstyled py-3">
							<li class="d-flex justify-content-between py-1">
								<span style="color: gray;">Fragrances</span>
								<span class="text-white">15</span>
							</li>
							<li class="d-flex justify-content-between py-1">
								<span style="color: gray;">Hair Care</span>
								<span class="text-white">12</span>
							</li>
							<li class="d-flex justify-content-between py-1">
								<span style="color: gray;">Make Up</span>
								<span class="text-white">6</span>
							</li>
							<li class="d-flex justify-content-between py-1">
								<span style="color: gray;">Outfits</span>
								<span class="text-white">9</span>
							</li>
							<li class="d-flex justify-content-between py-1">
								<span style="color: gray;">Skin Care</span>
								<span class="text-white">10</span>
							</li>
							<li class="d-flex justify-content-between py-1">
								<span style="color: gray;">Style</span>
								<span class="text-white">8</span>
							</li>
							<li class="d-flex justify-content-between py-1">
								<span style="color: gray;">Fashion</span>
								<span class="text-white">5</span>
							</li>
							<li class="d-flex justify-content-between py-1">
								<span style="color: gray;">Lifestyle</span>
								<span class="text-white">2</span>
							</li>
							<li class="d-flex justify-content-between py-1">
								<span style="color: gray;">Weliness</span>
								<span class="text-white">3</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="py-4 border-top text-center" style="border-color: gray !important; background-color: #000000;">
			<p style="color: gray;" class="mb-0">Copyright 2018 Carporate WordPress Theme Theme by <span><a href="javascript:;"
					 style="color: red; text-decoration: none;">ThimPress</a></span></p>
		</div>
		<!--  -->
		<div class="back">返回顶部</div>
	</body>
</html>
<script src="js/shop_details.js" type="text/javascript" charset="utf-8"></script>
<script>
	$(function() {
		$(document).scrollTop();
		//1.被卷去的头部
		var boxTop = $('#mbg').offset().top;
		$(window).scroll(function() {
			// console.log(11);
			console.log($(document).scrollTop());

			if ($(document).scrollTop() >= boxTop) {
				$('.back').fadeIn();
			} else {
				$('.back').fadeOut();
			}
		})

		//返回顶部
		$('.back').click(function() {
			// $(document).scrollTop(0);
			$('body,html').stop().animate({
				scrollTop: 0
			})
		})
	})
</script>